/* Générales */

html body {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	background: #EEEEEE;
	background-image: url(../img/fd.png);  
	background-repeat: no-repeat;
}

h1, h2, h3 {
	font-family: 'Nixie One', sans-serif;
	color: rgb(0, 77, 162);
}

/* Panels */

.panel-top {
	position: relative;
	margin-top: 100px;
}

.panel h1, h2, h3 {
	font-family: 'Nixie One', sans-serif;
	color: rgba(0, 77, 162, 1);
}

.transparent {
	background: rgba(0, 0, 0, 0);
	border: none;
}

/* Nav-bar */

.icon-bar {
	position: fixed;
	margin-bottom: 10px;
	z-index: 1;
}

/* Boutons et liens */

a:hover{
	transition: background-color 400ms ease-out;
}

.btn-dls{
	background: rgb(0, 77, 162);
	margin: 2px;
}
.btn-dls:hover{
	color: #000;
	background: rgba(255, 207, 31, 0.8);
}

.lien{
	color: rgba(0, 77, 162, 1);
	font-size: 12px;
}
.lien:hover{
	color: rgba(0, 77, 162, 1);
}

a {
	color: rgb(0, 77, 162);
}
a:hover {
	color: rgb(255, 207, 31);
}

/* Vérifications JavaScript */

.js {
	font-size: 14px;
}


.error {
	color: #FFF;
	margin: 10px;
	height: 40px;
}

.good {
	display: none;
}

.incorrect {
	border: 2px solid;
	border-color: rgba(191, 68, 68, 0.75);
}

.incorrect:focus {
	border-color: rgba(191, 68, 68, 0.75);
	box-shadow: 0 6px 10px rgba(191, 68, 68, 0.75);
}

.correct {
	border-color: rgba(68, 191, 68, 0.75);
}

.correct:focus {
	border-color: rgba(68, 191, 68, 0.75);
	box-shadow: 0 0 8px rgba(68, 191, 68, 0.75);
}
